// Removes Tiny MCE branding
.tox-statusbar__branding {
  display: none;
}

.tox.tox-tinymce {
  border-radius: $input-border-radius !important;
  border: 0 none !important;
}
.tox-edit-area__iframe {
  background-color: $input-bg !important;
}

.tox-tinymce--disabled .tox-edit-area__iframe {
  background-color: $gray-50 !important;
}

.tox .tox-edit-area::before {
  border-color: $primary !important;
}

// Grey out the readonly textarea
.rich-text-area-container:has(textarea.spree-rte[contenteditable='false']) {
  textarea.spree-rte + .tox-tinymce {
    .tox-edit-area__iframe {
      background-color: $gray-50 !important;
    }
  }
}

.tox {
  .tox-tbtn {
    @extend .btn;
    border-radius: $border-radius !important;
    color: rgba(0, 0, 0, 0.6) !important;

    svg {
      // same color as trix
      fill: rgba(0, 0, 0, 0.6) !important;
    }
  }

  .tox-editor-header {
    padding: 0 !important;
  }

  .tox-edit-focus {
    display: none !important;
  }
}
.tox-statusbar {
  display: none !important;
}

/* Override TinyMCE UI font size */
.tox-toolbar__group {
  font-size: $font-size-base !important; /* Change this value to your desired font size */
}
.tox-mbtn__select-label {
  font-size: $font-size-base !important; /* Change this value to your desired font size */
}
/* Override TinyMCE Content font size */
.tox-tinymce {
  font-size: $font-size-base !important; /* Change this value to your desired font size */
}
.tox .tox-collection__item-label, .tox-tbtn__select-label {
  font-size: $font-size-base !important; /* Change this value to your desired font size */
  font-family: $font-family-sans-serif;
}

.tox.tox-tinymce-aux .tox-toolbar__overflow, .tox .tox-menu {
  border-radius: $border-radius !important;
}

